<!-- <full-content [(fullscreen)]="isfullscreen" style="overflow-y: scroll;"> -->
  <div class="csp">
    <!-- <div class="csp-top"> -->
      <!-- <div class="nav"> -->
        <!-- <div class="logo"> -->
          <!-- <img src="https://www.zhaodui.com.cn/pic/fxj/v2_pr3aaw.png" alt=""> -->
        <!-- </div> -->
        <!-- <ul class="menu"> -->
          <!-- <li (click)="goCsHome()">首页</li> -->
          <!-- <li (click)="goCscCenter()">催收中心</li> -->
          <!-- <li class="active" (click)="goCsGl()">催收管理</li> -->
          <!-- <li (click)="goCsCl()">催收策略</li> -->
          <!-- <li (click)="goCsTj()">催收统计</li> -->
        <!-- </ul> -->
      <!-- </div> -->
    <!-- </div> -->
    <div class="csp-main">
      <div class="csp-tab">
        <nz-tabset [nzTabBarExtraContent]="extraTemplete" (nzSelectChange)="change($event)">
          <nz-tab nzTitle="还款提醒"></nz-tab>
          <nz-tab nzTitle="待催收订单"></nz-tab>
          <nz-tab nzTitle="催收中订单"></nz-tab>
          <nz-tab nzTitle="返C订单"></nz-tab>
          <nz-tab nzTitle="已结清订单"></nz-tab>
          <nz-tab nzTitle="特殊订单"></nz-tab>
          <nz-tab nzTitle="人车失联订单"></nz-tab>
          <nz-tab nzTitle="协催订单"></nz-tab>
        </nz-tabset>
        <ng-template #extraTemplete></ng-template>
        <form nz-form [nzLayout]="'inline'" class="search__form">
            <nz-row [nzGutter]="24">
              <nz-col nzLg="5">
                <nz-form-item>
                  <nz-form-label nzFor="searchYear">年度</nz-form-label>
                  <nz-form-control>
                    <nz-select [(ngModel)]="q.searchYear" name="searchYear" id="searchYear" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
                      <nz-option nzLabel="2019" nzValue="2019"></nz-option>
                      <nz-option nzLabel="2020" nzValue="2020"></nz-option>
                      <nz-option nzLabel="2021" nzValue="2021"></nz-option>
                    </nz-select>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzLg="5">
                <nz-form-item>
                  <nz-form-label nzFor="searchMonth">月份</nz-form-label>
                  <nz-form-control>
                    <nz-select [(ngModel)]="q.searchMonth" name="searchMonth" id="seasearchMonthrchQds" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
                      <nz-option nzLabel="1月" nzValue="1月"></nz-option>
                      <nz-option nzLabel="2月" nzValue="2月"></nz-option>
                      <nz-option nzLabel="3月" nzValue="3月"></nz-option>
                      <nz-option nzLabel="4月" nzValue="4月"></nz-option>
                      <nz-option nzLabel="5月" nzValue="5月"></nz-option>
                      <nz-option nzLabel="6月" nzValue="6月"></nz-option>
                      <nz-option nzLabel="7月" nzValue="7月"></nz-option>
                      <nz-option nzLabel="8月" nzValue="8月"></nz-option>
                      <nz-option nzLabel="9月" nzValue="9月"></nz-option>
                      <nz-option nzLabel="10月" nzValue="10月"></nz-option>
                      <nz-option nzLabel="11月" nzValue="11月"></nz-option>
                      <nz-option nzLabel="12月" nzValue="12月"></nz-option>
                    </nz-select>
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <!-- <nz-col nzLg="5">
                <nz-form-item>
                  <nz-form-label nzFor="searchQds">渠道商</nz-form-label>
                  <nz-form-control>
                    <nz-select [(ngModel)]="q.searchQds" name="searchQds" id="searchQds" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
                      <nz-option nzLabel="福建省" nzValue="福建省"></nz-option>
                      <nz-option nzLabel="广东省" nzValue="广东省"></nz-option>
                      <nz-option nzLabel="四川省" nzValue="四川省"></nz-option>
                    </nz-select>
                  </nz-form-control>
                </nz-form-item>
              </nz-col> -->
              <!-- <nz-col nzLg="4">
                <nz-form-item>
                  <nz-form-label nzFor="searchProvince">事件统计</nz-form-label>
                  <nz-form-control>
                    <input type="text" nz-input [(ngModel)]="sjtj" name="orderNo" readonly>
                  </nz-form-control>
                </nz-form-item>
              </nz-col> -->
              <nz-col nzLg="5">
                <nz-form-item>
                  <nz-form-label nzFor="searchOrderNo">订单查询</nz-form-label>
                  <nz-form-control>
                    <input type="text" nz-input placeholder="订单编号" [(ngModel)]="q.orderNo" name="orderNo">
                  </nz-form-control>
                </nz-form-item>
              </nz-col>
              <nz-col nzLg="4">
                <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
              </nz-col>
            </nz-row>
        </form>
      </div>
      <div>
        <simple-table #st
          [columns]="columns"
          [data]="url"
          [ps]="ps"
          [extraParams]="q"
          [resReName]="{ total: 'total', list: 'data'}"
          [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
          toTopInChange
          [showTotal]="true"
          [showPagination]="true"
          [showSizeChanger]="true"
          [scroll]="{x:'1800px'}"
          (checkboxChange)="checkboxChange($event)"
          >
        </simple-table>
      </div>
    </div>

  </div>
  <!-- <div nz-row [nzGutter]="24">
    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="18">11</div>
    <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="6">11</div>
  </div> !--> 

<!-- </full-content> -->